<template>
  <div class="about">
    <div class="site-content">
      <div class="content-warp">
        <div class="about-site about-info">
          <section-title
            ><span>❤</span>关于作者-95后,一个没有感情的二叔</section-title
          >
          <div class="info-card">
            <p>工作经历:</p>
            <p>2021.4-2022.3-中国科学院自动化研究所</p>
            <p>2022.3-至今-启元实验室</p>
          </div>
        </div>
        <div class="about-site about-info">
          <section-title><span>❤</span>人生哲理</section-title>
          <div class="info-card">
            <p>
              ①如果你认为对的事,为什么还要犹豫,如果你认为错的事,那你为什么还要继续
            </p>
            <p>②世界上唯一不变的就是一切都在改变,包括感情和人心</p>
            <p>③能害你的人往往都是你想象不到的人,虎毒岂如人心毒</p>
          </div>
        </div>

      
      </div>
    </div>
  </div>
</template>
<script>
import sectionTitle from "@/components/section-title";
import { getTime, getTimeInterval } from "@/utils";
// import Quote from "@/components/quote";
import { propose } from "../api";
export default {
  name: "About",
  data() {
    return {
      ruleForm: {
        mail: "",
        content: "",
        
      },
      
      list: []

    };
  },
  components: {
    // Quote,
    sectionTitle,
  },
  methods: {
    update(){
    this.$router.go(0)
  },
    //提交表单
    submitForm(formName) {
      //_this.ruleForm获取表单数据
      const _this = this;
      console.log(this.ruleForm, "this.ruleForm");
      propose(this.ruleForm).then((res) => {
        alert(res.msg)
       this.update()
      });
    },
  },
  mounted() {},
};
</script>
<style scoped lang="less">
.about {
  padding-top: 40px;
}

.content-warp {
  margin-top: 80px;

  .about-info {
    margin: 30px 0;

    span {
      color: red;
      margin-right: 10px;
    }

    .info-card {
      min-height: 100px;
      padding: 20px;
      border-radius: 3px;
      margin: 30px 0 5px 0;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      p {
        line-height: 1.7rem;
      }
    }
  }
  .contactForm {
    width: 100%;
    padding: 20px;
    .form-item {
      align-items: center;
      display: flex;
      &:not(:last-child) {
        margin-bottom: 20px;
      }
      label {
        width: 80px;
      }
      .v {
        min-height: 40px;
        line-height: 20px;
        border-radius: 3px;
        padding: 2px 10px;
        outline: none;
        border: 1px solid #8fd0cc;
        width: 100%;
        resize: vertical;
      }
      button {
        width: 100px;
        height: 40px;
        border-radius: 3px;
        outline: 0;
        border-style: none;
        cursor: pointer;
        background-color: #409eff;
        color: white;
        &:hover {
          opacity: 0.8;
        }
      }
    }
  }
}

/*******/
@media (max-width: 800px) {
  .content-warp {
    margin-top: 0;
  }
}
</style>
